.search-container {
  background-color: #fff;
  .status-contents {
    margin-bottom: 46upx;
    .back {
      width: 36upx;
      height: 36upx;
      margin-left: 30upx;
      margin-right: 16upx;
      align-self: center;
    }
    .search-input-container {
      flex: 1;
      height: 76upx;
      margin: 0 36upx 0 0upx;
      background-color: rgba(241, 241, 241, 1);
      border-radius: 38upx;
      display: flex;
      align-self: center;

      .search-icon {
        width: 32upx;
        height: 32upx;
        margin-left: 30upx;
        margin-right: 16upx;
      }
      .clear-icon {
        width: 32upx;
        height: 32upx;
        margin-right: 32upx;
      }

      .search-input {
        color: #4B4F50;
        font-size: 28upx;
        flex: 1;
      }
    }

    .cancel-btn {
      margin-right: 40upx;

      .cancel-btn-title {
        color: #4f4f4f;
        font-size: 30upx;
        text-align: center;
        font-weight: bold;
      }
    }
  }

  .relate-container {
    position: fixed;
    left: 0;
    right: 0;
    margin-top: 44upx;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
    .row {
      display: flex;
      line-height: 82upx;
      padding: 0 30upx;
    }
  }

  .group {
    padding: 30upx;
    margin-bottom: 0;
    padding-bottom: 0;

    .group-title {
      font-weight: bold;
      color: #000;
      font-size: 32upx;
      margin-bottom: 30upx;
    }

    .group-body {
      display: flex;
      flex-wrap: wrap;

      .kws {
        height: 72upx;
        border-radius: 36upx;
        background-color: #f1f1f1;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 30upx;
        margin-right: 24upx;
        margin-bottom: 24upx;
        color: #3e3e3e;

        &.red {
          color: #ff5d40;
          background-color: #fff5f4;
        }

        .text {
          max-width: 220upx;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          font-size: 30upx;
        }
      }
    }
  }

  .search-input-container {
    margin: 30upx 30upx 10upx 30upx;
    height: 76upx;
    background-color: #f1f1f1;
    border-radius: 38upx;
    .search-icon {
      width: 26upx;
      height: 26upx;
      margin-left: 30upx;
      margin-right: 20upx;
    }
    .search-input {
      height: 76upx;
      color: #4B4F50;
      font-size: 28upx;
      flex: 1;
    }
    .search-btn {
      width: 144upx;
      height: 76upx;
      border-radius: 38upx;
      background-color: #3073F6;
      font-family: PingFangSC-Regular;
      font-size: 30upx;
      color: #fff;
    }
  }
}
